<template>
	<view>
		<view class="topBar" style="text-align:center;">
			<image src="../../../static/steward/toppic.png" alt="" style="height: 120px; ">
		</view>
		<view class="button" style="text-align:center;">
			<li><button style="font-size: 0.1em; border-radius: 6px;" @click="goToStore">心灵存档</button></li>
			<li><button style="font-size: 0.1em; border-radius: 6px;">心灵调节</button></li>
			<li>
				<button style="font-size: 0.1em; border-radius: 6px;" @click="goToDiary">心灵日记</button>
			</li>
			<li><button style="font-size: 0.1em; border-radius: 6px;">心灵调频</button></li>
			<view class="fky">
				<view class="toexam">
					<!-- <u-button text="11"></u-button> -->
					<button style="font-size: 0.1em; border-radius: 6px;" type="primary">心理测评量表</button>
					<p style="color: coral;"><b>贝克抑郁自评量表</b></p>
					<p style="color: fuchsia;"><b>综合心理监控评估</b></p>
					<p style="color: darksalmon;"><b>瑞文智力测试</b></p>
					<p style="color: lightseagreen;margin-bottom: 10px;"><b>SDS自评量表</b></p>
				</view>
				<view class="pic">
					<image src="../../../static/steward/somepic.png" alt="" style="height: 120px; margin-left: 20px;margin-top: 20px;width: 210px;">
				</view>
			</view>
			<view class="article">
				<view class="words" style="text-align: left;margin-left: 15px;">
					<span>文章·阅读</span>
					<span style="font-size: 0.3em;float:right;margin-right: 25px;">更多文章</span>
				</view>
				<image src="../../../static/pic1.png" alt="" style="width:350px;margin-top: 5px;">
				
			</view>

		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			goToDiary(){
				uni.navigateTo({
					url:`/pages/Home/Steward/Diary/Diary`
				})
			},
			goToStore(){
				uni.navigateTo({
					url:`/pages/Home/Steward/StoreFile/StoreFile`
				})
			}
		}
	}
</script>

<style>
	li {
		list-style: none;
		display: inline-block;
		width: 76px;
		height: 40px;
		margin-top: 15px;
		margin-right: 10px;
	}

	.topBar {
		margin: auto, 0;
	}

	.fky {
		display: flex;
		margin-top: 40px;
		text-align: center;
		background: -webkit-linear-gradient(top, white, lightblue, skyblue);
	}

	.toexam {
		margin-left: 15px;
	}

	p {
		margin-top: 10px;
	}

	.article {
		margin-top: 20px;
	}

	.article {
		margin-top: 10px;
	}
</style>
